<!DOCTYPE HTML>
<html>
   <head>
      <title>Liquid HTML</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' >
      <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="all">
      <link rel="stylesheet" type="text/css" href="css/framework.css" media="all">
      <link rel="stylesheet" type="text/css" href="framework/framework-ui.html" media="all">
      <link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen">
      <link rel="stylesheet" type="text/css" href="css/magnific-popup.css" media="screen">
      <link rel="stylesheet" type="text/css" href="css/superfish.css" media="all">
      <link rel="stylesheet" type="text/css" href="css/superfish-vertical.css" media="all">
      <link rel="stylesheet" type="text/css" href="style.css" media="all">
      <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
      <script src="js/jquery.min.js"></script>
   </head>
   <body>
   	
	  <div id="offcanvas" class="prl-offcanvas">
	<div class="prl-offcanvas-bar">
		 <script>
			$(function () {
				$("#mobile-nav").jMMenu(); 
			});	
		</script>
		<nav id="mobile-nav" class="mobile-nav">
			<ul class="nav-list">
				<li class="nav-item">
					<a href="index.html">Homepage</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="page-element9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-elementc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="page-elementcaf6.html?=home">Home</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="page-element9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-elementc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="page-element124d.html?=about">About</a>
				</li>
				<li class="nav-item">
					<a href="page-element7140.html?=services">Services</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="page-element9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-elementc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="page-element82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="page-element80e8.html?=portfolio">Portfolio</a>
				</li>
				<li class="nav-item">
					<a href="page-element0e02.html?=testimonials">Testimonials</a>
				</li>
				<li class="nav-item">
					<a href="page-element208f.html?=contact">Contact</a>
				</li>
			</ul>
		</nav>
	</div>
</div>	
   
      <header id="masthead">
         <div class="prl-container">
               <a href="#" id="logo"><img src="images/logo.png" alt="Logo" /></a>
               <span class="slogan">INFINITY THEME FOR  BLOGGING/MAGAZINE SITE</span>
         </div>
         <!-- .container -->
      </header>
      <!-- #masthead -->
      <div id="navbar" class="navbar navbar-main" role="navigation">
         <div class="prl-container textcenter">
            <div class="navbar-btn floatleft">
               <a href="index.html" class="navbar-toggle navbar-toggle-default"><span class="navbar-toggle-text">NAVIGATION</span></a>
			   <a href="#" class="navbar-toggle navbar-toggle-mobile" data-off-canvas="{target:'#offcanvas'}"></a>
               <div id="nav-vertical">
	<ul class="sf-menu sf-vertical" id="example">
		<li><a href="index.html">Homepage</a>
			<ul>
				<li><a href="index-cusbg.html">Homepage - custom bg</a></li>
				<li><a href="index-3c.html">Homepage - no sidebar</a></li>
			</ul>
		</li>
		<li><a href="#">Widgets</a>
			<ul>
				<li><a href="index-w.html">All sidebar widgets</a></li>
				<li><a href="index-f.html#footer">All footer widgets</a></li>
			</ul>
		</li>
		<li><a href="single.html">Single post</a></li>
		<li><a href="page.html">Page</a>
			<ul>
			<li><a href="page.html">Page normal</a></li>
			<li><a href="page-element.html">Page elements</a></li></ul>
		</li>
		
		<li>
			<a href="category.html">Category</a>
		</li>
		<li>
			<a href="#">Dropdown</a>
			<ul>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<a href="contact.html">Contact us</a>
		</li>	
	</ul>
</div>
            </div>
            <div class="navbar-social floatleft">
               <a href="#" title="Facebook"><i class="fa fa-facebook fa-lg"></i></a>
               <a href="#" title="Twitter"><i class="fa fa-twitter fa-lg"></i></a>
               <a href="#" title="Google plus"><i class="fa fa-google-plus fa-lg"></i></a>
               <a href="#" title="Pinterest"><i class="fa fa-pinterest fa-lg"></i></a>
               <a href="#" title="Youtube"><i class="fa fa-youtube fa-lg"></i></a>
            </div>
            <form action="http://demo.presslayer.com/liquid_html/index.php"><span class="navbar-search floatright">
			   	<a id="navbar-toggle-search" class="navbar-toggle navbar-toggle-search floatright" href="#" ></a>
                  <input type="text" placeholder="Search..." class="navbar-search-input" />
            </span> </form>
            <a class="navbar-toggle navbar-toggle-mail floatright" href="contact.html"></a>
            <a href="#" id="logo-mobile"><img src="images/logo.png" alt="Logo - mobile" /></a>
         </div>
      </div>
      <!-- #navbar -->
      <div id="main" role="main">	<div class="prl-container">
		
		<div class="prl-grid">
			<section class="prl-span-8">
				 <article class="prl-article w-box">
					<div class="w-box-inner">
					
					
					<h1>HTML element styles</h1>
					
					<h5 class="hl">HEADERS</h5>
					<h1>Header h1 <small>Sub header h1</small></h1>
					<h2>Header h2 <small>Sub header h2</small></h2>
					<h3>Header h3 <small>Sub header h3</small></h3>
					<h4>Header h4 <small>Sub header h4</small></h4>
					<h5>Header h5 <small>Sub header h5</small></h5>
					<h6>Header h6 <small>Sub header h6</small></h6>
					
					<h5 class="hl">BUTTONS</h5> 
					<a href="#" type="submit" class="prl-button light small">Button</a>
					<a href="#" type="submit" class="prl-button light">Button</a>
					<a href="#" type="submit" class="prl-button light large">Button</a>
					<a href="#" type="submit" class="prl-button light fullwidth">Button</a>
					<p>
						<a href="#" type="submit" class="prl-button small">Button</a>
						<a href="#" type="submit" class="prl-button">Button</a>
						<a href="#" type="submit" class="prl-button large">Button</a>
						<a href="#" type="submit" class="prl-button fullwidth">Button</a>   				
					</p>
					<p>
						<a href="#" type="submit" class="prl-button">Button</a>
						<a href="#" type="submit" class="prl-button skyblue">Button</a>
						<a href="#" type="submit" class="prl-button blue">Button</a>
						<a href="#" type="submit" class="prl-button green">Button</a>
						<a href="#" type="submit" class="prl-button yellow">Button</a>
						<a href="#" type="submit" class="prl-button orange">Button</a>
						<a href="#" type="submit" class="prl-button red">Button</a>     
						<a href="#" type="submit" class="prl-button magenta">Button</a>
						<a href="#" type="submit" class="prl-button black">Button</a>
					</p>
					
					
						<a href="#" class="prl-button red fullwidth">Button fullwidth</a> <a href="#" class="prl-button magenta fullwidth">Button fullwidth</a> <a href="#" class="prl-button black fullwidth">Button fullwidth</a>    				
					
					
					<h5 class="hl">PARAGRAPH</h5>
	
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ac odio sed est posuere consectetur nec euismod magna. Pellentesque eu erat id sem fermentum tristique sit amet sit amet massa. Nullam sapien nulla, placerat a magna at, dapibus gravida eros. In id iaculis orci. Proin sit amet felis in justo congue adipiscing at id nisl. Nam in varius metus. Donec ut dolor dictum, pellentesque libero at, suscipit metus. Nunc rutrum ante nunc, sit amet egestas orci cursus a.</p>
						
					<p>
					<div id="attachment_2321" style="width:200px" class="wp-caption alignleft"><a href="#"><img class=" wp-image-2321 " title="This is image title" alt="1" src="images/_p/1.jpg" ></a><p class="wp-caption-text">This is image caption</p></div> Praesent condimentum eleifend fermentum. Aenean ac pellentesque arcu, ut viverra lectus. Ut neque velit, sagittis et ipsum eu, rhoncus venenatis neque. Aliquam id euismod orci, non gravida tellus. Mauris leo tellus, porta sed ornare ut, dapibus vel sem. Nullam eu cursus neque. Nullam auctor est quam, eget venenatis lacus vehicula in. Proin ut egestas est.</p>
						<p><div id="attachment_2321" style="width:200px" class="wp-caption alignright"><a href="#"><img class=" wp-image-2321 " title="This is image title" alt="1" src="images/_p/2.jpg" ></a><p class="wp-caption-text">This is image caption</p></div> Donec aliquet, mi vitae congue cursus, tellus velit congue dui, vitae hendrerit enim ante sit amet sem. Proin nec ultricies lorem. Maecenas tincidunt faucibus facilisis. Aenean vel ante lectus. Curabitur leo mauris, egestas nec nisi quis, condimentum volutpat nibh. Donec semper, quam et volutpat dictum, leo leo sollicitudin est, at luctus velit felis in nunc. Nunc malesuada, massa sit amet tristique semper, nisi nulla lacinia ipsum, non egestas arcu tellus quis tellus. Ut a sollicitudin sapien. Cras suscipit scelerisque massa, iaculis venenatis nulla sollicitudin at. Suspendisse non cursus magna. Maecenas elementum non nisi at tempor. Praesent porttitor a nulla accumsan hendrerit. Curabitur a libero vestibulum, dictum erat et, blandit sapien. Cras risus libero, suscipit non ullamcorper sed, lacinia in felis. Nam eu gravida ante.</p>
					<p>H<sub>2</sub>O CM<sup>2</sup></p>
					<p><strong>Lorem</strong> <em>ipsum</em> <a href="#"><em>dolor sit amet</em></a>, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet 
				mattis, massa. This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical alignment.</p>
				
				<h5 class="hl">BLOCKQUOTE</h5>
				<blockquote>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, 
					laoreet mattis, massa. This is a blockquote text.
					<cite>PressLayer</cite>				</blockquote>	
				<h5 class="hl">LISTS</h5>
				<div class="prl-grid">
				
				
			<div class="prl-span-3">
				<h6><strong>Unordersort list</strong></h6>
				<ul>
					<li>List Item 1</li>
					<li>List Item 2
						<ul class="circle">
							<li>List Item 1</li>
							<li>List Item 2</li>
							<li>List Item 3</li>
							<li>List Item 4</li>
						</ul>
					</li>
					<li>List Item 3</li>
					<li>List Item 4</li>
				</ul>
			</div>
			<div class="prl-span-3">
				<h6><strong>Ordersort list</strong></h6>
				<ol>
					<li>List Item 1</li>
					<li>List Item 2
						<ol>
							<li>List Item 1</li>
							<li>List Item 2</li>
							<li>List Item 3</li>
							<li>List Item 4</li>
						</ol>
					</li>
					<li>List Item 3</li>
					<li>List Item 4</li>
				</ol>
			</div>
			
			<div class="prl-span-3">
				<h6><strong>List  with lines</strong></h6>
				<ul class="prl-list-line">
					<li>List Item 1</li>
					<li>List Item 2
						<ul class="disc">
							<li>List Item 1</li>
							<li>List Item 2</li>
						</ul>
					</li>
					<li>List Item 3</li>
					<li>List Item 4</li>
				</ul>
				
			</div>
			
			<div class="prl-span-3">
				<h6><strong>Description list</strong></h6>
				<dl>
					<dt>List Heading</dt>
					<dd>List Item 1</dd>
					<dd>List Item 2</dd>
					<dd>List Item 3</dd>
				</dl>
				
					
			</div>
			
		</div><!--.prl-grid -->	
		
		<div class="prl-grid">
			<div class="prl-span-6">
				<h6><strong>List with arrows</strong></h6>
				<ul class="prl-list-arrow">
					<li>List Item 1</li>
					<li>List Item 2</li>
					<li>List Item 3</li>
					<li>List Item 4</li>
					<li>List Item 5</li>
				</ul>
			</div>
			<div class="prl-span-6">
				<h6><strong>List with arrows & lines</strong></h6>
				<ul class="prl-list-arrow prl-list-line">
					<li>List Item 1</li>
					<li>List Item 2</li>
					<li>List Item 3</li>
					<li>List Item 4</li>
					<li>List Item 5</li>
				</ul>
			</div>
		</div>
		
		<h5 class="hl">TABLE</h5>
			<table>
				<tr>
					<th class="text-center">#</th><th>Highest grossing bollywood films</th><th>Gross</th>
				</tr>
				<tr>
					<td class="text-center">1</td><td>3 Idiots</td><td>$ 70.07 million</td>
				</tr>        
				<tr class="even">
					<td class="text-center">2</td><td>Bodyguard</td><td>$ 41.86 million</td>
				</tr>
				<tr>
					<td class="text-center">3</td><td>My name is khan</td><td>$ 36.4 million</td>
				</tr>    
				<tr class="even">
					<td class="text-center">4</td><td>Om Shanti Om</td><td>$ 27.12 million</td>
				</tr>
				<tr>
					<td class="text-center">5</td><td>Singh is king</td><td>$ 22.75 million</td>
				</tr>
				<tr class="even">
					<td class="text-center">6</td><td>Ra. One</td><td>$ 20.93 million</td>
				</tr>
				<tr>
					<td class="text-center">7</td><td>Jodhaa Akbar</td><td>$ 20.38 million</td>
				</tr>
				<tr class="even">
					<td class="text-center">8</td><td>Don 2</td><td>$ 19.29 million</td>
				</tr>
				<tr>
					<td class="text-center">9</td><td>Dhoom 2</td><td>$ 14.56 million</td>
				</tr>
				<tr class="even">
					<td class="text-center">10</td><td>Housefull</td><td>$ 13.1 million</td>
				</tr> 
			</table>
			
			
			<h5 class="hl">FORM</h5>
				<form action="#" name="" id="">
					<fieldset>
					<label>Input</label>
					<input type="text" name="" id="" placeholder="Sample Input" />
				
					<label>Datepicker</label>
					<input type="text" name="" id="datepicker2" placeholder="mm/dd/yyyy" />
				
					<label>Select List</label>
					<select name="" id="">
					<option value="Option 1">Option 1</option>
					<option value="Option 2">Option 2</option>
					<option value="Option 3">Option 3</option>
					</select>
				
					<label>Textarea</label>
					<textarea name="" id=""></textarea>
					<div class="prl-form-row">
					<input type="checkbox" name="checkbox" id="checkbox" value="checkbox1" /> <label for="checkbox">Checkbox 1</label>
					<input type="checkbox" name="checkbox" id="checkbox2" value="checkbox2" /> <label for="checkbox2">Checkbox 2</label>		
					</div>
					<div class="prl-form-row">
					<input type="radio" name="radio" id="radio1" value="radio1" /> <label for="radio1">Radio 1</label>
					<input type="radio" name="radio" id="radio2" value="radio2" /> <label for="radio2">Radio 2</label>
					</div>
					</fieldset>

				</form>
				
				
				<h5 class="hl">ALERTS</h5>
				<div class="prl-alert">Example of an alert box.</div>
				<div class="prl-alert success">Example of the successful alert box</div>
				<div class="prl-alert error">Example of the error alert box</div>
				<div class="prl-alert info">Example of the information alert box</div>
				
				<h5 class="hl">PAGINATION</h5>
				<div class="prl-pagin">
					<a href="#"><i class="fa fa-angle-double-left"></i></a>
					<a href="#">1</a>
					<a href="#" class="active">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#" class="more">&hellip;</a>
					<a href="#">7</a>
					<a href="#">8</a>
					<a href="#">9</a>
					<a href="#">10</a>
					<a href="#"><i class="fa fa-angle-double-right"></i></a>				</div>
				<br>
				<div class="prl-pagin prl-pagin-right">
					<a href="#"><i class="fa fa-angle-double-left"></i></a>
					<a href="#">1</a>
					<a href="#" class="active">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#" class="more">&hellip;</a>
					<a href="#">7</a>
					<a href="#">8</a>
					<a href="#">9</a>
					<a href="#">10</a>
					<a href="#"><i class="fa fa-angle-double-right"></i></a>				</div>
				<br>
				<div class="prl-pagin prl-pagin-center">
					<a href="#"><i class="fa fa-angle-double-left"></i></a>
					<a href="#">1</a>
					<a href="#" class="active">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#" class="more">&hellip;</a>
					<a href="#">7</a>
					<a href="#">8</a>
					<a href="#">9</a>
					<a href="#">10</a>
					<a href="#"><i class="fa fa-angle-double-right"></i></a>				</div>
					
					
				<h5 class="hl">ACCORDIONS</h5>
				<script>
		$(function () {
			$("#accordion").jAccordion(); 
		});	
	</script>
	<div id="accordion" class="prl-accordion">
		<section>
			<a href="#acc1" id="acc1" class="head">MOST RECENT VIDEO</a>
			<div class="acc-content">
				<iframe src="http://player.vimeo.com/video/36804448" width="500" height="281" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
				<h5><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h5>
			</div>
		</section>
		<section>
			<a href="#acc2" id="acc2" class="head">Accordion 2</a>
			<div class="acc-content">
			<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex. Lorem ipsum dolor sit amet, consectetur 
			adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
			exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
			esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
			mollit anim.</p></div>
		</section>
		<section>
			<a href="#acc3" id="acc3" class="head">Accordion 3</a>
			<div class="acc-content"><p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
			nostrud exercitation ullamco laboris nisi ut aliquip ex. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
			ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
			reprehenderit.</p></div>
		</section>
	</div>	
						
						<p>Fusce lacinia, lacus congue fringilla aliquet, purus magna gravida mi, non vulputate lorem lacus sed quam. Donec sagittis viverra nisl, vel lobortis leo aliquam ut. Suspendisse potenti. Suspendisse malesuada leo eu est bibendum, ac feugiat purus facilisis. Sed a augue accumsan, ultricies elit sed, pulvinar purus. Proin sit amet lacus in nisi adipiscing accumsan vitae sed velit. Proin non vulputate velit. Sed cursus venenatis accumsan. Mauris eget quam eget mi suscipit pretium at et mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sed neque turpis. Donec ornare urna leo, bibendum sollicitudin libero porttitor et.</p>
						<p>Aenean fringilla, ipsum id sodales rhoncus, eros metus ornare erat, at iaculis eros urna non velit. Donec sit amet ultricies lectus. Nunc lectus ipsum, tempus vel lectus eget, vehicula fermentum velit. Sed ut mauris mauris. Phasellus congue augue ut massa ultrices, sed pharetra mi dapibus. Praesent elementum interdum mi, ut consectetur enim. Quisque dolor sem, dictum non purus vitae, congue rhoncus dui. Ut pellentesque eget orci vitae scelerisque. Nullam consequat dignissim mi, auctor vulputate nibh rhoncus vitae.</p>
						
						
					</div>
				</article>
				
				

			</section>
			<aside id="sidebar" class="prl-span-4">
				<div class="widget w-box recents-widget">
	<h3 class="widget-title"><span>Recent posts</span></h3>	
	
	<ul class="prl-list-line">
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/1.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/2.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/3.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
			</ul>

</div>	<div id="login-3" class="widget w-box widget_login">
	<h3 class="widget-title"><span>Login</span></h3>
	
	<div>
	<form class="prl-form">
	
		<div class="prl-form-row login-username">
			<input type="text" placeholder="Username" />
		</div>
		<div class="prl-form-row login-password">
			<input type="password" placeholder="Password" />
		</div>	
		<div class="prl-form-row">
			<button type="submit">Login</button>
			<span class="prl-form-help-inline"><input type="checkbox" id="form-s-mix1" checked="checked"> <label for="form-s-mix1">Remember me</label></span>
		</div>
		<div class="prl-form-row">
			<a href="#">Lost your password?</a>
		</div>
	</form>	
	</div>
		
</div>
<div class="widget w-box twitter-widget">
  <h3 class="widget-title"><span>Tweets from @PressLayer</span></h3>
  <ul class="prl-list-line">
    <li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
    <li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
    <li>@<a href="http://twitter.com/skjreilly">skjreilly</a>&nbsp;thanks for bringing this to our attention. We will be in touch with the Author about this. ^TC <em>&mdash; 1 day ago</em></li>
	<li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
	<li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
	
  </ul>
  
  <!--<div class="tw-btn">
  <a href="https://twitter.com/PressLayer" class="twitter-follow-button" data-show-count="false">Follow @PressLayer</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div>-->
  
</div><div id="tag_cloud-2" class="widget w-box widget_tag_cloud"><h3 class="widget-title"><span>Tags</span></h3><div class="tagcloud"><a href='http://www.presslayer.com/?tag=artwork' class='tag-link-6' title='2 topics' style='font-size: 16.4pt;'>artwork</a>
<a href='http://www.presslayer.com/?tag=photo' class='tag-link-7' title='2 topics' style='font-size: 16.4pt;'>Photo</a>
<a href='http://www.presslayer.com/?tag=video' class='tag-link-9' title='3 topics' style='font-size: 22pt;'>Video</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-4' title='1 topic' style='font-size: 8pt;'>Videos</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>Music</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>HTML5</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>CSS3</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>Web Design</a>
</div>

</div>
<div class="widget w-box social-widget"><!-- BEGIN WIDGET -->
	<h3 class="widget-title"><span>Social Network</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
    <div class="sw-wrapper">
    	<div class="sw-inner clearfix">
            <a href="#" class="fa fa-facebook" title="Facebook"></a>
            <a href="https://twitter.com/#" class="fa fa-twitter" title="Twitter"></a>
            <a href="#" class="fa fa-rss" title="RSS Feed"></a>
            <a href="http://www.flickr.com/photos/#" class="fa fa-flickr" title="Flickr"></a>
            <a href="http://www.youtube.com/#" class="fa fa-youtube" title="Youtube"></a>
            <a href="http://vimeo.com/#" class="fa fa-vimeo-square" title="Vimeo"></a>
            <a href="#" class="fa fa-linkedin" title="Linkedin"></a>
            <a href="#" class="fa fa-google-plus" title="Google plus"></a>
            <a href="http://pinterest.com/#" class="fa fa-pinterest" title="Pinterest"></a>
            <a href="http://instagram.com/#" class="fa fa-instagram" title="Instagram"></a>
    	</div>
    </div>		
</div><div id="search-3" class="widget w-box widget_search">
    <h3 class="widget-title"><span>Search</span></h3>
    <form role="search" method="get" id="searchform" action="#" class="uk-form" >
        <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div><div id="post-pic-widget" class="widget w-box photos-widget">	
<h3 class="widget-title"><span>Article photos</span></h3>

	<div class="pt-wrapper">
		<div class="pt-inner clearfix">
						<a href="single.html" ><img src="images/_small/1.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/2.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/3.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/4.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/5.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/6.jpg" alt="Post" /></a>
					</div>
	</div>
</div>
<div id="pages-2" class="widget w-box widget_pages"><h3 class="widget-title"><span>Pages</span></h3>		<ul>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
		</ul>
		</div><div class="widget w-box widget_newsletter">
    <h3 class="widget-title"><span>Newsletter</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
	<form class="vform">
		<fieldset>
			<div class="form-row newsletter-email"><input type="text" placeholder="Enter your e-mail" /></div>
			<div class="form-row"><button type="submit">Subscribe</button></div>
		</fieldset>
	</form>
</div><div id="calendar-2" class="widget w-box widget_calendar">
    <h3 class="widget-title"><span>Calendar</span></h3>
	<div id="calendar_wrap">
	<table id="wp-calendar">
	<caption>May 2013</caption>
	<thead>
	<tr>
		<th scope="col" title="Monday">M</th>
		<th scope="col" title="Tuesday">T</th>
		<th scope="col" title="Wednesday">W</th>
		<th scope="col" title="Thursday">T</th>
		<th scope="col" title="Friday">F</th>
		<th scope="col" title="Saturday">S</th>
		<th scope="col" title="Sunday">S</th>
	</tr>
	</thead>

	<tfoot>
	<tr>
		<td colspan="3" id="prev"><a href="http://www.presslayer.com/?m=201207" title="View posts for July 2012">&laquo; Jul</a></td>
		<td class="pad">&nbsp;</td>
		<td colspan="3" id="next" class="pad">&nbsp;</td>
	</tr>
	</tfoot>

	<tbody>
	<tr>
		<td colspan="2" class="pad">&nbsp;</td><td id="today">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
	</tr>
	<tr>
		<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
	</tr>
	<tr>
		<td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td>
	</tr>
	<tr>
		<td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
	</tr>
	<tr>
		<td>27</td><td>28</td><td>29</td><td>30</td><td>31</td>
		<td class="pad" colspan="2">&nbsp;</td>
	</tr>
	</tbody>
	</table>

	</div>

	</div><div id="archives-3" class="widget w-box widget_archive"><h3 class="widget-title"><span>Archives</span></h3><ul>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
		</ul>
</div>


<div class="widget w-box widget_categories"><h3 class="widget-title"><span>Categories</span></h3>

<ul>
	<li class="cat-item cat-item-2"><a href="http://www.presslayer.com/?cat=2" title="View all posts filed under Design">Design</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://www.presslayer.com/?cat=3" title="View all posts filed under Photography">Photography</a>
</li>
	<li class="cat-item cat-item-12"><a href="http://www.presslayer.com/?cat=12" title="View all posts filed under Slider">Slider</a>
</li>
	<li class="cat-item cat-item-4"><a href="http://www.presslayer.com/?cat=4" title="View all posts filed under Videos">Videos</a>
</li>
	<li class="cat-item cat-item-5"><a href="http://www.presslayer.com/?cat=5" title="View all posts filed under Wordpress">Wordpress</a>
</li>
<li class="cat-item cat-item-12"><a href="http://www.presslayer.com/?cat=12" title="View all posts filed under Slider">Slider</a>
</li>

	
		</ul>
</div>



			</aside>
		</div><!--.prl-grid -->
		
		<div class="ads">PUT YOUR ADS HERE</div>	</div><!-- .container-->

</div><!-- #main -->	

<footer id="footer">
	<div class="footer-widget">
		<div class="prl-container">
			<div class="prl-grid">
				<div class="prl-span-4">
					<div class="widget w-box recents-widget">
	<h3 class="widget-title"><span>Recent posts</span></h3>	
	
	<ul class="prl-list-line">
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/1.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/2.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/3.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/4.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
			</ul>

</div>					</div>
				
				<div class="prl-span-4">
					<div id="social-widget-2" class="widget w-box social-widget"><!-- BEGIN WIDGET -->
	<h3 class="widget-title"><span>Social Network</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
    <div class="sw-wrapper">
    	<div class="sw-inner clearfix">
            <a href="#" class="fa fa-facebook" title="Facebook"></a>
            <a href="https://twitter.com/#" class="fa fa-twitter" title="Twitter"></a>
            <a href="#" class="fa fa-rss" title="RSS Feed"></a>
            <a href="http://www.flickr.com/photos/#" class="fa fa-flickr" title="Flickr"></a>
            <a href="http://www.youtube.com/#" class="fa fa-youtube" title="Youtube"></a>
            <a href="http://vimeo.com/#" class="fa fa-vimeo-square" title="Vimeo"></a>
            <a href="#" class="fa fa-linkedin" title="Linkedin"></a>
            <a href="#" class="fa fa-google-plus" title="Google plus"></a>
            <a href="http://pinterest.com/#" class="fa fa-pinterest" title="Pinterest"></a>
            <a href="http://instagram.com/#" class="fa fa-instagram" title="Instagram"></a>
    	</div>
    </div>		
</div>					<div class="widget w-box widget_newsletter">
    <h3 class="widget-title"><span>Newsletter</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
	<form class="vform">
		<fieldset>
			<div class="form-row newsletter-email"><input type="text" placeholder="Enter your e-mail" /></div>
			<div class="form-row"><button type="submit">Subscribe</button></div>
		</fieldset>
	</form>
</div>					
				</div>
				
				<div class="prl-span-4">
					<div class="widget w-box twitter-widget">
  <h3 class="widget-title"><span>Tweets from @PressLayer</span></h3>
  <ul class="prl-list-line">
    <li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
    <li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
    <li>@<a href="http://twitter.com/skjreilly">skjreilly</a>&nbsp;thanks for bringing this to our attention. We will be in touch with the Author about this. ^TC <em>&mdash; 1 day ago</em></li>
	<li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
	<li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
	
  </ul>
  
  <!--<div class="tw-btn">
  <a href="https://twitter.com/PressLayer" class="twitter-follow-button" data-show-count="false">Follow @PressLayer</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div>-->
  
</div>				</div>
			
			</div><!-- .prl-grid-->
			
		</div><!-- .container-->
	</div>
	<div class="copyright">
		<div class="prl-container">
			<div class="floatleft">Copyright 2013 - <a href="#">liquid</a> | just another wordpress site!</div>
			<div class="floatright">Designed by <a href="#">PressLayer</a></div>
		</div>
	</div>
</footer>

	<script type="text/javascript" src="js/framework.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>
	<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
	<script type="text/javascript" src="js/superfish.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	
	
	
	<script>
	// Sticky navigation
	$(function () {	
		var nav = $('#navbar'),
			scrolled = false,
			headerHeight = $('#main').offset().top;
		$(window).scroll(function () {
			if (headerHeight < $(window).scrollTop() && !scrolled) {
				nav.stop().addClass('navbar-sticky');
				scrolled = true;
			} else if (headerHeight > $(window).scrollTop() && scrolled) {
				nav.removeClass('navbar-sticky');
				scrolled = false;    
			}
		});
	});	
	</script>
	

<a href="#" id="toTop"><i class="fa fa-long-arrow-up"></i></a>
</body>
</html>
